<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>JQuery基础语法</title>
		<script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<button id="btn">JQuery按钮</button>
		<script>
			//JQuery基础语法     注释：JQuery与JavaScript本质，注释沿用JavaScript注释
			/*多行文本*/
			//工厂函数   首行位置   两种使用方式    作用：标识JQuery对象、抓取页面元素
			/*工厂函数【两种使用方式]
			 *     ①$("选择器")或$('选择器')   常用    抓取页面元素
			 *     注意：单双引号主要为了区分嵌套问题
			 *     ②JQuery("选择器")或JQuery('选择器')   不常用
			 */
			//①$("选择器")或$('选择器') 
			//$("button").click(function(){
				/*逻辑+DOM或者BOM*/
				//alert("hello JQuery"); ---代表BOM层   输出语句
			//	document.write("<marquee>跑马灯...</marquee>");
			//	});
			//②JQuery("选择器")或JQuery('选择器') 
				JQuery("#btn").click(function(){
			//		console.log("你猜我在哪里出现")；---代表ECMAScript 5.0语法  输出语句
				});
				
				
				/*JQ基础语法：
				工厂函数【2种】.事件源【4类，15种】（function(){
			      JQ 逻辑;包含 DOM+逻辑与BOM+逻辑
					
				}）;
				*/
		</script>
	</body>
</html>